//out: ../css/Report-abnormal.css
@import url(../less/module.less);
body{
    position: relative;
}
.topPreset{
    top: 0;
    left: 0;
    position: fixed;
  }
// 站位
.zhanwei{
    width: 100%;
    height: (50/@rem);
    display: flex;
    align-items: center;
    background-color: #fff;
  }
// 内容1
.content1{
    padding: 0 @s11 @s20 @s15;
    border-radius: @s10; 
    .times,.address,.kind{
        width: 100%;
        align-items: center;
        // padding: 0 @s11 @s20 @s15;
        border-radius: @s10; 
        // height: (60/@rem);
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: @s14;
        color: @textColor;
        border-bottom: @s1 solid @splitAreaBorderColor;
        .left{
            width: (150/@rem);
        }
        a{
            line-height: (20/@rem);
            padding-top: (20/@rem);
            padding-right: 0;
            padding-bottom: (19.5/@rem);
            font-size: @s14;
            display: inline-block;
            
             margin-left: (10/@rem);
             color:@text2Color;
            span{
                
                
                display: inline-block;
                transform: translateY(@s1);
                }
           }
        }
        .address{
            a{
                display: inline-block;
                
            }
        }
        // 异常描述
        .desc{
            height: (55/@rem);
            width: 100%;
            line-height: (55/@rem);
            font-size: @s14;
            color: @textColor;
        }
        // 请输入异常描述
        .text{
            position: relative;
            textarea{
                width: (315/@rem);
                height: (130/@rem);
                background-color: @backgroundColor;
                padding-top: @s11;
                padding-left:@s14 ;
                font-size: @s14;
                border-radius: @s8;
            }
            .num{
                position: absolute;
                right: @s15;
                bottom: @s10;
                font-size: @s14;
                color: @text2Color;
            }
        }

 }

    //  内容2:上传图片
    .content2{
        p{
            font-size: @s14;
            padding: @s18 0 @s16 @s22;
            color: @textColor;
        }
        .add{
            display: inline-block;
            width: (95/@rem);
            height: (95/@rem);
            background-color: #F2F2F2;
            margin-left: @s20;
            margin-bottom: @s20;
            text-align: center;
            line-height: (95/@rem);
            span{
                font-size: @s30;
                color:@text2Color;
            }
        }
    }

    // 底部：提交
    .bottom{
        position: fixed;
        bottom: 0;
        left: 0;
        background-color: #fff; 
        button{  
           
            margin: (19/@rem) (86/@rem) (34/@rem) (89/@rem);
            background-color: #FADCD9;;
            color: #fff;
            width: (200/@rem);
            height: (45/@rem);
            text-align: center;
            border: none;
            border-radius: (45/@rem);
            font-size: @s18;
            line-height: @s25;
        }
        button.active{
            background-color: #EF4F3F;
        }
        // .line{
        //     width: (134/@rem);
        //     height: @s5;
        //     background-color: #000;
        //     border-radius: @s5;          
        //     margin:  @s31 auto 0 auto;
        // }
    }
    // 异常类型
    .categories{
        display: none;
        z-index: 999;
        position: absolute;
        bottom:0;
        left:0;
        .wrapper{
            width: (375/@rem);
            height: (520/@rem);
            .types{
                border-bottom: (1/@rem) solid #F2F2F2;
                padding: (18.75/@rem) (14/@rem) (18.15/@rem) (21.36/@rem) ;
                display: flex;
                justify-content: space-between;
                h4{
                    font-size: @s16;
                    line-height: (21/@rem);

                }
                span{
                    color:@linColor ;
                }

            }
            ul{
                padding: 0 (14/@rem) (18.15/@rem) 0;
                li{
                    label{
                        border-bottom: (1/@rem) solid #F2F2F2;
                        padding-bottom: (18.85/@rem);
                        padding-top: (18.15/@rem);
                        padding-left: (21.36/@rem);
                        display: flex;
                        justify-content: space-between;
                        span{
                            font-size: @s14;
                           
                        }
                    }
                }
            }
            button{
                margin: (19/@rem) (86/@rem) (34/@rem) (89/@rem);
                background-color: #EF4F3F;
                color: #fff;
                width: (200/@rem);
                height: (45/@rem);
                text-align: center;
                border: none;
                border-radius: (45/@rem);
                font-size: @s18;
                line-height: @s25;
            }
        }
    }

    
// 底部站位
.dibuzhanwei{
    width: 100%;
    height: (104/@rem);
  }
// 获取时间
.abnormalTime{
    
    position: absolute;
    right: (20/@rem);
    .cotent{
        display: none;
        .text{
            display: flex;
            .kinerDatePickerInput {
                width: (100/@rem);
                height: (40/@rem);
                background-color: #FFFFFF;
                border:(1/@rem)  solid orangered;
                font-size: (14/@rem);
                
                border-radius: (15/@rem);
                display: block;
                text-align: center;
                line-height: (40/@rem);
                color: #999999;
                margin-right: (10/@rem);
            }
            .confirm{
                margin-right: (10/@rem);
                width: (50/@rem);
                height: (40/@rem);
                background-color: green;
                color: #fff;
                font-size: @s14;
                text-align: center;
                border:none;
                line-height: (40/@rem);
                border-radius: (10/@rem);
            }
            .Cancel{
                margin-right: (10/@rem);
                width: (50/@rem);
                height: (40/@rem);
                background-color: #EF4F3F;
                color: #fff;
                font-size: @s14;
                text-align: center;
                border:none;
                line-height: (40/@rem);
                border-radius: (10/@rem);
            }
        }
   
    }
   
    display: flex;
}
// 提货信息
.Delivery{
    .wrapper{
      width: (345/@rem);
      // height: (380/@rem);
      border-radius: (10/@rem);
      // 用于折叠
      .hidedeli{
        display: block;
        .voucher{
            padding-bottom: (10/@rem);
          p{
            padding-top: (25.77/@rem);
            margin-top: (25.77/@rem);
            margin-left: (22.5/@rem);
            font-size: @s14;
            line-height: (20/@rem);
            color:#818181 ;
          }
          ul{
           
            flex-wrap: wrap;
            margin-top: (16.49/@rem);
            display: flex;
            margin-left: (22.5/@rem);
            li{
                padding-bottom: (16.5/@rem);
              img{
                display: block;
                width:(95.67/@rem) ;
                height: (95.67/@rem);
                border-radius: (5/@rem);
                margin-right: (10.33/@rem);
              }
            }
          }
    .firm{ 
       
            margin-top: (16.49/@rem);
            display: flex;
            margin-left: (22.5/@rem);
            background-color: #F2F2F2;
            width: (95.67/@rem);
            height: (95.67/@rem);
            
              img{
                
                margin-left: (35/@rem);
                margin: auto;
                display: block;
                width:(30/@rem) ;
                height: (30/@rem);
                border-radius: (5/@rem);
                border: dashed #818181 (1/@rem) ;
              }
          }
        }
      } 
      
    }
  }

